<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="bower_components/aliyun-sdk/dist/aliyun-sdk.min.js"></script>
</head>
<body>
<script>
    var ALY = window.ALY;

    // 目前仅有 oss 支持 sts
    // 其他服务只能使用 accessKey 和 accessSecret 初始化
    var oss = new ALY.OSS({
        accessKeyId: "yIgRvLsyxFB3JEJH",
        secretAccessKey: "X7wyFWIw76cLb4cLNDa8Z2YNmHtIOu",
        securityToken: "CAESjgIIARKAAQPAPZlGcRyB0JEqIM9KS0lBxHfFqBNuKkbVGXsx4UWXIjxWlen0762sYn4rVA4Zq63zsk1lVb2vPircxeHey6xbS9DdEt8TzeDoBDwvban+jc1XUWuJVZ9sb6ZbkSwcoFudqeA9ZMkUqcq6oOTIbzaeMQvi4EPCpjWx2xpEEzZrGhhTVFMuTzlSc2hrOFozNWdGanNIcno2ZHMiCDMwMzM2NTU1Kgh1c2VybmFtZTCQ3bqR7yk6BlJzYU1ENUJKCgExGkUKBUFsbG93EhsKDEFjdGlvbkVxdWFscxIGQWN0aW9uGgMKASoSHwoOUmVzb3VyY2VFcXVhbHMSCFJlc291cmNlGgMKASo=",
        // 根据你的 oss 实例所在地区选择填入
        // 杭州：http://oss-cn-hangzhou.aliyuncs.com
        // 北京：http://oss-cn-beijing.aliyuncs.com
        // 青岛：http://oss-cn-qingdao.aliyuncs.com
        // 深圳：http://oss-cn-shenzhen.aliyuncs.com
        // 香港：http://oss-cn-hongkong.aliyuncs.com
        endpoint: 'http://oss-cn-beijing.aliyuncs.com',
        apiVersion: '2013-10-15'
    });

    // 注意, listBuckets, listObjects, putBucket 这些接口目前在浏览器端还未支持
    // oss 还支持 putObject, multipart upload 参考 https://github.com/aliyun-UED/oss-js-upload

    oss.getObject({
                Bucket: 'server-19860911',
                Key: '20120908036.jpg'
            },
            function (err, data) {

                if (err) {
                    console.log('error:', err);
                    return;
                }

                console.log('success:', data);
            });

    oss.getSignedUrl('getObject', {
        Bucket: 'chylvina',
        Expires: 1604800,
        Key: '11.png'
    }, function (err, url) {
        if (err) {
            console.log(err);
            return;
        }
        console.log(url);
    });
</script>
</body>
</html>